<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<ui:composition template="/WEB-INF/templates/plantillaPrincipal.xhtml">
	<ui:define name="menu">
		<h:panelGroup>
			<h:form>
				<table width="900" cellpadding="0" cellspacing="0">
					<tr>
						<td width="600" height="40">
							<table width="600" cellpadding="0" cellspacing="0">
								<tr>
									<td class="tabInactivo" width="150" height="40"><h:commandLink
											action="irInicio" value="#{msg.menuArchivos}"
											rendered="#{usuarioBean.logueado}" />
									</td>
									<td class="tabActivo" height="40" width="150"><h:commandLink
											action="irCategorias" value="#{msg.categorias}" />
									</td>
									<td class="tabInactivo" width="150"><h:commandLink
											action="irBuscador" value="#{msg.menuBuscador}"
											rendered="#{usuarioBean.logueado}" />
									</td>
									<td class="tabInactivo" width="150"><h:commandLink
											action="cargarDocumento" value="#{msg.menuSubirDocumento}"
											rendered="#{usuarioBean.logueado}" />
									</td>
								</tr>
							</table>
						</td>
						<td width="300" style="border-bottom: 1px solid #2779AA"></td>
					</tr>
				</table>
			</h:form>
		</h:panelGroup>
	</ui:define>
	<ui:define name="content">
		<f:view>
			<h1>#{msg.categoriasTitulo}</h1>
			<div class="texto">
				<h:outputText value="#{msg.categoriasTexto1}" />
			</div>
			<br />
			<h:form>
				<h:commandButton value="#{msg.insertarNuevaCategoriaBoton}"
					action="#{categoriaBean.irAltaCategoria}" />
			</h:form>
			<br />
			<h:form>
				<p:tree value="#{categoriaBean.root}" var="node"
					selectionMode="single" dynamic="true"
					selection="#{categoriaBean.selectedNode}" id="treeCategorias">
					<p:ajax event="select" update=":panel"
						listener="#{categoriaBean.onNodeSelect}" />
					<p:treeNode expandedIcon="ui-icon-folder-open"
						collapsedIcon="ui-icon-folder-collapsed">
						<h:outputText value="#{node.nombre}" />
					</p:treeNode>
				</p:tree>

			</h:form>
			<br />

			<p:panel id="panel" styleClass="panelCategorias">
				<h:form>
					<h:panelGrid columns="3" border="0" cellspacing="6">
						<h:outputText value="#{msg.nombre}"
							rendered="#{!(empty categoriaBean.categoria.nombre)}" />
						<h:inputText value="#{categoriaBean.categoria.nombre}" id="nombre"
							required="true"
							rendered="#{!(empty categoriaBean.categoria.nombre)}"
							maxlenght="255" />
						<p:message for="nombre" />
					</h:panelGrid>
					<br />
					<h:outputText value="#{msg.categoriaTiene}"
						rendered="#{categoriaBean.numeroArchivos > 0 and !(empty categoriaBean.categoria.nombre)}" />
					<h:outputText value="#{categoriaBean.numeroArchivos}"
						rendered="#{categoriaBean.numeroArchivos > 0 and !(empty categoriaBean.categoria.nombre)}" />
					<h:outputText value="#{msg.categoriaNoTiene}"
						rendered="#{categoriaBean.numeroArchivos == 0 and !(empty categoriaBean.categoria.nombre)}" />
					<h:outputText value="#{msg.archivos}"
						rendered="#{!(empty categoriaBean.categoria.nombre)}" />
					<br />
					<h:outputText value="#{msg.categoriaTiene}"
						rendered="#{categoriaBean.esPadre and !(empty categoriaBean.categoria.nombre)}" />
					<h:outputText value="#{msg.categoriaNoTiene}"
						rendered="#{!categoriaBean.esPadre and !(empty categoriaBean.categoria.nombre)}" />
					<h:outputText value="#{msg.subcategorias}"
						rendered="#{!(empty categoriaBean.categoria.nombre)}" />
					<br />
					<br />
					<h:panelGrid columns="2" border="0" cellspacing="6">
						<h:commandButton type="submit"
							action="#{categoriaBean.modificarCategoria}" value="Modificar"
							rendered="#{!(empty categoriaBean.categoria.nombre)}"
							onclick="return confirm('#{msg.confirmarModificarCategoria}')" />
						<h:commandButton type="submit"
							action="#{categoriaBean.eliminarCategoria}" value="Eliminar"
							onclick="return confirm('#{msg.confirmarEliminarCategoria}')"
							rendered="#{categoriaBean.numeroArchivos == 0 and !categoriaBean.esPadre and !(empty categoriaBean.categoria.nombre) and categoriaBean.categoria.idCategoria > 0}" />
					</h:panelGrid>
				</h:form>
			</p:panel>

		</f:view>
	</ui:define>
</ui:composition>
</html>
